<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>板块</title>
    <link rel="stylesheet" href="../res/css/global.css" />
    <link rel="stylesheet" href="../res/layui/css/layui.css" />
    <style>
        ul.pagination {
            display: inline-block;
            padding: 0;
            margin: 0;
        }

        ul.pagination li {
            display: inline;
        }

        ul.pagination li a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
        }

        ul.pagination li a.active {
            background-color: #4CAF50;
            color: white;
        }

        ul.pagination li a:hover:not(.active) {
            background-color: #ddd;
        }
    </style>
</head>



<div class="layui-container">
    <div style="width: 1000px;">
        <br /><div class="layui-btn" style="float: left;">当前位置</div><h3 style="float: left;line-height: 30px;">&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;&nbsp;mine</h3>
        <hr class="layui-bg-black" />

    <#list page.getList() as topic>
        <a href="/detial?topicid=${topic.id}">
            <div style="height: 200px;top: 20px;position: relative;">

                <div style="height: 200px;width: 800px;float: left;left: 70px;position: relative;" >
                    <h1>${topic.name}</h1><h2>${topic.categoryname}</h2>
                    <br />
                    <p style="height: 100px;overflow: hidden">${topic.content}</p>
                </div>

            </div>
        </a>

        <hr class="layui-bg-black" />
    </#list>




    </div>
    <span>发帖</span>
    <form method="get" action="/pubTopic">

        <div class="layui-form-item">
            <label for="L_pass" class="layui-form-label">分类</label>
            <div class="layui-input-inline">
                <select name="category_id" required lay-verify="required" autocomplete="off" class="layui-input">
                    <#list category as category>
                        <option value="${category.id}">${category.name}</option>
                    </#list>
                </select>

            </div>
        <div class="layui-form-item">
            <label for="L_pass" class="layui-form-label">name</label>
            <div class="layui-input-inline">
                <input type="text" id="L_pass" name="name" required lay-verify="required" autocomplete="off" class="layui-input" ">
            </div>
        </div>
            <div class="layui-form-item">
                <label for="L_pass" class="layui-form-label">content</label>
                <div class="layui-input-inline">
                    <input type="text" id="L_pass" name="content" required lay-verify="required" autocomplete="off" class="layui-input" ">
                </div>
            </div>
        <div class="layui-form-item">
            <button class="layui-btn" >pub</button>

        </div>

    </form>

</div>
<div class="fly-footer">
    <p>
        <a href="#" target="_blank">JfinalBlog</a> 2018 ©

    </p>

</div>
</body>
</html>
